酚俐ノ〖トのようなデザインを侯喇する

海搀は、酚俐があるノ〖トのようなデザインをホ〖ムペ〖ジに侯喇する数恕を疽拆します。泣淡などのペ〖ジはもちろん、いろんな眷烫で宠脱することができるはず。HTMLやCSSも泼に岂しい淡揭はないので、极尸なりのアレンジを弛しんでみてください。

まずは、ノ〖トの酚俐を茶咙で侯喇します。このときに呵も庙罢すべきポイントは、乖粗と茶咙の光さを路えることです。海搀の毋では、乖粗32ピクセルで矢鞠を今くため、酚俐の茶咙も光さ32ピクセルで侯喇しました。あとは、焊宝に帆り手しても赖しく爬俐がつながるように茶咙を侯喇するだけ。酚俐は、惧布の途球がおおよそ9¨1くらいの孺唯の眷疥に芹弥すると惧缄くいきます。

鲁いて、ノ〖トのように山绩する眷疥をTABLEタグで侯喇します。ここでは、cellspacing掳拉を回年してノ〖トに努碰な途球を肋けます。海搀は、15ピクセルの途球を肋けました。また、TABLEの件跋の酚俐はstyle掳拉∈スタイルシ〖ト∷のborderプロパティで回年します。海搀は、2ピクセルのピンク咖でTABLEを跋いました。なお、cellpadding掳拉には"0"を回年しておくのが答塑です。

あとは、TRタグとTDタグでTABLE柒にセルを侯喇し、そのセル柒に矢鞠を淡揭するだけ。セルとなるTDタグには、黎ほど侯喇した茶咙を秦肥に回年してください。また、style掳拉で努碰な矢机サイズを回年し、乖粗を秦肥茶咙と票じ光さ∈32ピクセル∷にします。笆惧で酚俐ノ〖トのようなデザインを侯喇することができます。

<TABLE cellpadding=0" cellspacing="15" style="border:solid 2px #FF9999">
<TR>
<TD background="line.gif" style="font-size:16px; line-height:32px">
<FONT color="#FF6666"><B>→2006钳6奉10泣→</B></FONT>
<BR> 　　汤泣は、略ちに略ったキャンプに乖きます。
<BR> 　　欧丹徒鼠どおり谗啦になってくれるといいのですが∧。
<BR> 　　こればっかりは∪てるてる朔肩∩にお搓いするしかありませんね。
<BR> 　　ということで、海泣はキャンプ脱墒の倾い叫しに乖ってきました。
<BR> 　　ハンモックをとっても奥く倾えたのだけど、坎看孟はどうかな々
<BR> 　　鼠桂の鲁きは、また丸降×。<BR>
</TD>
</TR>
</TABLE>

G億僀儞僩億僀妶丂Amazon Yahoo 妝揤

柍椏儂乕儉儁乕僕妝揤儌僶僀儖[UNLIMIT偑崱側傜1墌] 奀奜奿埨峲嬻寯奀奜椃峴曐尟偑柍椏両